<template>
  <div class="info-attr-module">
    <div class="title">基本信息</div>
    <div class="register">
      <div class="item">
        <div class="name"><span>*</span>姓名</div>
        <div class="right">
          <input placeholder="请输入" />
          <div class="hint">本信息将导入证件制作系统，请务必填写准确</div>
        </div>
      </div>
      <div class="item">
        <div class="name"><span>*</span>联系方式(手机)</div>
        <div class="right">
          <input placeholder="请输入" class="phone" /><span class="code"
            >查询手机</span
          >
        </div>
      </div>

      <div class="item upload">
        <div class="name"><span>*</span>上传领队授权书</div>
        <div class="imgs">
          <img class="img" src="@/assets/upload.png" />
        </div>
        <div class="right">
          <div class="hint">
            注: 支持JPG/JPEG/PNG/PDF格式，不超过5MB <span>查看模板</span>
          </div>
        </div>
      </div>
      <h2 @click="router.push('/match/team_leader_info')">代表队信息</h2>
      <h2 @click="router.push('/match/team_leader_edit')">代表队修改</h2>
    </div>
    <div class="fixed-btn">
      <div class="btn">提交</div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { defineComponent, reactive, ref } from "vue";
import { useRouter } from "vue-router";
let router = useRouter();
</script>

<style lang="scss" scoped>
@import "./style.scss";
</style>
